
    <ion-header-bar class="bar-stable pane bar bar-header" align-title="center" style="position: absolute;z-index: 100">
        <a class="button button-icon icon ion-ios-arrow-left" href="#/tab/home">
        </a>
        <div class="title title-center header-item">
            <div class="row" style="padding: 0;height: 43px">
                <div class="col col-offset-25" style="padding: 0;">
                    <div class="row linkWord" style="padding: 0" >
                        <div class="col " style="padding: 0 ;height: 43px;font-size: 1.9rem" ng-class="{'navSelected':panelIndex===0}" ng-click="showType(0)">
                            商品
                        </div>
                        <div class="col" style="padding: 0;height: 43px;font-size: 1.9rem" ng-class="{'navSelected':panelIndex===1}" ng-click="showType(1)">
                            详情
                        </div>
                        <div class="col" style="padding: 0;height: 43px;font-size: 1.9rem" ng-class="{'navSelected':panelIndex===2}" ng-click="showType(2)">
                            评价
                        </div>
                    </div>
                </div>
                <div class="col col-25" style="padding: 0"></div>
            </div>

    </div></ion-header-bar>
    <ion-view >
        <ion-content  >
            <div ng-show="panelIndex==0"></div>
            <div ng-show="panelIndex==1">
                <div class="row ">
                    <div class="col linkWord " ng-click="showFirstSubType(0)">
                        <h4   class="font2" style="text-align: center;border-right: 1px solid rgb(207,46,70)" ng-class="{'baseColor':panelFirstSubIndex==0}" >商品介绍</h4>
                    </div>
                    <div class="col linkWord "  ng-click="showFirstSubType(1)">
                        <h4  class="font2" style="text-align: center" ng-class="{'baseColor':panelFirstSubIndex==1}">规格参数</h4>
                    </div>
                    <div class="col linkWord  " >
                    </div>
                </div>
                <div ng-show="panelFirstSubIndex==0" style="padding: 0 10px">
                     <div style="border: 3px solid  rgb(251,72,66);padding: 10px 0;text-align: center;font-weight: 700;color: rgb(207,46,70)">
                            <div>售后服务说明：</div>
                         <div>已激活的iPhone无质量问题不支持七天无理由退换货，</div>
                         <div>已请您确认需求后再激活使用。</div>
                     </div>
                    <div>
                        <img src="img/goods/iphone.jpg" style="width: 100%">
                    </div>

            </div>
                <div ng-show="panelFirstSubIndex==1" style="border-top: 10px solid rgb(231,231,231);">
                    <div class="row "ng-click="toggleGoodsGroup()"ng-class="{active: GoodsShow}" style="background: white;border-bottom: 1px solid rgb(231,231,231)">
                        <h4 class="col" style="margin: 0">核心参数</h4>
                        <div class=" col">
                            <div  class="icon" style="float: right" ng-class="GoodsShow ? 'ion-chevron-up' : 'ion-chevron-down'"></div>
                        </div>
                    </div>
                    <ion-item class="item-accordion" ng-show="GoodsShow">
                        11111111
                    </ion-item>
                    <div class="row "ng-click="toggleGoodsGroup()"ng-class="{active: GoodsShow}" style="background: white;border-bottom: 1px solid rgb(231,231,231)">
                        <h4 class="col" style="margin: 0">核心参数</h4>
                        <div class=" col">
                            <div  class="icon" style="float: right" ng-class="GoodsShow ? 'ion-chevron-up' : 'ion-chevron-down'"></div>
                        </div>
                    </div>
                    <ion-item class="item-accordion" ng-show="GoodsShow">
                       <h3>基本信参数</h3>
                        <div class="row">
                            <div class="col col-33">品牌：</div>
                            <div class="col ">苹果</div>
                        </div>
                        <div class="row">
                            <div class="col col-33">型号：</div>
                            <div class="col ">iPhone4S</div>
                        </div>
                        <div class="row">
                            <div class="col col-33">上市时间：</div>
                            <div class="col ">2013年9月</div>
                        </div>
                        <div class="row">
                            <div class="col col-33">外观样式：</div>
                            <div class="col ">直板</div>
                        </div>
                        <div class="row">
                            <div class="col col-33">颜色：</div>
                            <div class="col ">白色</div>
                        </div>
                        <div class="row">
                            <div class="col col-33">智能机：</div>
                            <div class="col ">是</div>
                        </div>
                        <div class="row">
                            <div class="col col-33">系统版本：</div>
                            <div class="col ">iOS7/iOS8</div>
                        </div>
                        <div class="row">
                            <div class="col col-33">CPU型号：</div>
                            <div class="col ">苹果A5</div>
                        </div>
                        <div class="row">
                            <div class="col col-33">CPU频率：</div>
                            <div class="col ">800MHz</div>
                        </div>
                        <div class="row">
                            <div class="col col-33">CPU核数：</div>
                            <div class="col ">双核</div>
                        </div>
                    </ion-item>

                </div>
            </div>
            <div ng-show="panelIndex==2">
                <div class="row font1_5 " style="text-align: center">
                    <div class="col " ng-class="{'baseColor':panelSecondSubIndex===0}" ng-click="showSecondSubType(0)">
                        <div style="margin-bottom: 5px">全部评价</div>
                        <div>367210</div>
                    </div>
                    <div class="col" ng-class="{'baseColor':panelSecondSubIndex===1}" ng-click="showSecondSubType(1)">
                        <div style="margin-bottom: 5px">好评</div>
                        <div>351080</div>
                    </div>
                    <div class="col" ng-class="{'baseColor':panelSecondSubIndex===2}" ng-click="showSecondSubType(2)">
                        <div style="margin-bottom: 5px">中评</div>
                        <div>7615</div>
                    </div>
                    <div class="col" ng-class="{'baseColor':panelSecondSubIndex===3}" ng-click="showSecondSubType(3)">
                        <div style="margin-bottom: 5px">差评</div>
                        <div>8515</div>
                    </div>
                    <div class="col" ng-class="{'baseColor':panelSecondSubIndex===4}" ng-click="showSecondSubType(4)">
                        <div style="margin-bottom: 5px">晒图</div>
                        <div>500</div>
                    </div>

                </div>
                <div ng-show="panelSecondSubIndex==0"></div>
                <div ng-show="panelSecondSubIndex==1">
                    <div style="border-top: 10px solid rgb(231,231,231);border-bottom: 1px solid rgb(231,231,231)">
                        <div class="list" style="padding-left: 15px;margin-bottom: 0">
                            <a class="item item-icon-left" href="#" style="border-left: 0">
                                <i class="icon">
                                    <img src="img/icon/head.jpg">
                                </i>
                                <span class="item-note font1_5" style="float: left;margin: 0 5px 0 15px;color: black">137*****940_p</span>
                                <span><img src="img/icon/gift.jpg" style="height: 100%"></span>
                            <span class="item-note font1_5">
                                2015-08-20 23:58:25
                            </span>

                            </a>
                        </div>
                        <div>
                            <div class="row" style="padding: 0">
                                <div class="col col-33">
                                    <div class="row" >
                                        <div class="col">
                                            <img src="img/icon/redStar.jpg" width="100%">
                                        </div>
                                        <div class="col">
                                            <img src="img/icon/redStar.jpg" width="100%">
                                        </div>
                                        <div class="col">
                                            <img src="img/icon/redStar.jpg" width="100%">
                                        </div>
                                        <div class="col">
                                            <img src="img/icon/redStar.jpg" width="100%">
                                        </div>
                                        <div class="col">
                                            <img src="img/icon/redStar.jpg" width="100%">
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div style="padding: 0 15px;border-bottom: 1px solid rgb(231,231,231)" >
                                <h4  class="font2" style="margin: 0">非常好，非常满意。真品，包装完好无损。</h4>
                                <h5 style="margin-top: 20px" class="shadowColor font1_5">
                                    颜色：金色 型号：公开版
                                </h5>
                                <h5  class="shadowColor font1_5">
                                    购买日期：2015-08-18 16:57:45
                                </h5>
                            </div>
                            <div style="padding: 15px" class="row">
                                <div class="col col linkWord" style="margin-right: 15px;text-align: center;border: 1px solid rgb(231,231,231);padding: 10px 0">
                                   <span><img src="img/icon/like.jpg" style="vertical-align:top;width: 2rem"> </span>
                                    <span class="font1_5"> (669)</span>
                                </div>
                                <div class="col col linkWord" style="text-align: center;border: 1px solid rgb(231,231,231);padding: 10px 0">
                                    <span><img src="img/icon/comment.jpg" style="width: 2rem;vertical-align:top;"> </span>
                                    <span class="font1_5"> (236)</span>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div style="border-top: 10px solid rgb(231,231,231);border-bottom: 1px solid rgb(231,231,231)">
                        <div class="list" style="padding-left: 15px;margin-bottom: 0">
                            <a class="item item-icon-left" href="#" style="border-left: 0">
                                <i class="icon">
                                    <img src="img/icon/head.jpg">
                                </i>
                                <span class="item-note font1_5" style="float: left;margin: 0 5px 0 15px;color: black">137*****940_p</span>
                                <span><img src="img/icon/gift.jpg" style="height: 100%"></span>
                            <span class="item-note font1_5">
                                2015-08-20 23:58:25
                            </span>

                            </a>
                        </div>
                        <div>
                            <div class="row" style="padding: 0">
                                <div class="col col-33">
                                    <div class="row" >
                                        <div class="col">
                                            <img src="img/icon/redStar.jpg" width="100%">
                                        </div>
                                        <div class="col">
                                            <img src="img/icon/redStar.jpg" width="100%">
                                        </div>
                                        <div class="col">
                                            <img src="img/icon/redStar.jpg" width="100%">
                                        </div>
                                        <div class="col">
                                            <img src="img/icon/redStar.jpg" width="100%">
                                        </div>
                                        <div class="col">
                                            <img src="img/icon/redStar.jpg" width="100%">
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div style="padding: 0 15px;border-bottom: 1px solid rgb(231,231,231)" >
                                <h4  class="font2" style="margin: 0">非常好，非常满意。真品，包装完好无损。</h4>
                                <h5 style="margin-top: 20px" class="shadowColor font1_5">
                                    颜色：金色 型号：公开版
                                </h5>
                                <h5  class="shadowColor font1_5">
                                    购买日期：2015-08-18 16:57:45
                                </h5>
                            </div>
                            <div style="padding: 15px" class="row">
                                <div class="col col linkWord" style="margin-right: 15px;text-align: center;border: 1px solid rgb(231,231,231);padding: 10px 0">
                                    <span><img src="img/icon/like.jpg" style="vertical-align:top;"> </span>
                                    <span> (669)</span>
                                </div>
                                <div class="col col linkWord" style="text-align: center;border: 1px solid rgb(231,231,231);padding: 10px 0">
                                    <span><img src="img/icon/comment.jpg" style="vertical-align:top;"> </span>
                                    <span> (236)</span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div ng-show="panelSecondSubIndex==2"></div>
                <div ng-show="panelSecondSubIndex==3"></div>
                <div ng-show="panelSecondSubIndex==4">
                    <div class="row shadowBackground" style="padding: 3px">
                        <div class="col" style="text-align: center;padding: 3px">
                            <img src="img/goods/iphonePic1.jpg" style="vertical-align: top;width:100%;border-radius: 6px;">
                        </div>
                        <div class="col" style="text-align: center;padding: 3px">
                            <img src="img/goods/iphonePic2.jpg" style="vertical-align: top;width:100%;border-radius: 6px;">
                        </div>
                        <div class="col" style="text-align: center;padding: 3px">
                            <img src="img/goods/iphonePic3.jpg" style="vertical-align: top;width:100%;border-radius: 6px;">
                        </div>
                    </div>
                    <div class="row shadowBackground" style="padding: 3px">
                        <div class="col" style="text-align: center;padding: 3px">
                            <img src="img/goods/iphonePic4.jpg" style="vertical-align: top;width:100%;border-radius: 6px;">
                        </div>
                        <div class="col shadowBackground" style="text-align: center;padding: 3px">
                            <img src="img/goods/iphonePic3.jpg" style="vertical-align: top;width:100%;border-radius: 6px;">
                        </div>
                        <div class="col" style="text-align: center;padding: 3px">
                            <img src="img/goods/iphonePic1.jpg" style="vertical-align: top;width:100%;border-radius: 6px;">
                        </div>
                    </div>
                    <div class="row shadowBackground" style="padding: 3px">
                        <div class="col" style="text-align: center;padding: 3px">
                            <img src="img/goods/iphonePic2.jpg" style="vertical-align: top;width:100%;border-radius: 6px;">
                        </div>
                        <div class="col" style="text-align: center;padding: 3px">
                            <img src="img/goods/iphonePic3.jpg" style="vertical-align: top;width:100%;border-radius: 6px;">
                        </div>
                        <div class="col" style="text-align: center;padding: 3px">
                            <img src="img/goods/iphonePic1.jpg" style="vertical-align: top;width:100%;border-radius: 6px;">
                        </div>
                    </div>
                </div>
            </div>
        </ion-content>
        <div class="tab-nav tabs" style="background: white">
            <div class="row" style="text-align: center;padding: 0" >
                <div class="col" style="padding: 0">
                    <div class="row" style="padding: 0">
                       <div class="col col-offset-20" style="padding: 0">
                           <div style="height: 22px">
                               <img src="img/icon/shop.jpg" style="height:100%;vertical-align: top;">
                           </div>
                           <div style="line-height: 22px">店铺</div>
                       </div>
                        <div class="col col-offset-20" style="padding: 0">
                            <div style="height: 22px">
                                <img src="img/icon/collected.jpg" style="height:100%;vertical-align: top;">
                            </div>
                            <div style="line-height: 22px">收藏</div>
                        </div>
                        <div class="col"></div>
                    </div>
                </div>
                <div class="col" style="padding: 0">
                    <div class="row" style="padding: 0">
                        <div class="col" style="background: rgb(254,148,2);padding: 0">
                            加入购物车
                        </div>
                        <div class="col baseBackground" style="padding: 0" ng-click="goCheckBill()">
                            立即购买
                        </div>
                    </div>
                </div>
            </div>
            </div>

               </ion-view>

